// 用户加载时,用图标加载页面
// import Vue from 'vue'
import axios from 'axios'
import router from '@/router'
// 导入库组件
import {
  Loading
} from 'element-ui'
// 全局挂载
axios.defaults.baseURL = 'http://www.liulongbin.top:3008'
// 全局挂载,请求拦截
let fullScreenLoading
axios.interceptors.request.use(function (config) {
  // console.log(config, 999)
  // 2 统一给/my携带请求头
  if (config.url.indexOf('/my') !== -1) {
    // 如果带/my,携带请求头
    config.headers.Authorization = localStorage.getItem('token')
  }
  // 展示loading效果
  fullScreenLoading = Loading.service({
    text: '拼命加载中',
    fullscreen: true,
    background: 'rgba(0,0,0,0.8)'
  })
  return config
}, function (error) {
  return Promise.reject(error)
})

// 全局挂载 - 响应拦截器
axios.interceptors.response.use(function (response) {
  // 隐藏 loading 效果
  fullScreenLoading.close()
  return response
}, function (error) {
  // 2.1解决token过期问题
  if (error.response.status === 401) {
    localStorage.removeItem('token')
    // this.$router.push('/login'),这里不可以直接用push这个方法,需要把路由的规则倒进来
    router.push('/login')
  }
  // 隐藏 loading 效果
  fullScreenLoading.close()
  return Promise.reject(error)
})
// 导出axios
export default axios
